import React from 'react'
import ReactDOM from 'react-dom'
import BasicMap from './src/router/index.jsx';
import "./index.scss"
// import { setMain } from './src/utils/global'

// ReactDOM.render((
//   <BasicMap />
// ), document.getElementById('app-react'))

const render = () => {
  ReactDOM.render((
    <BasicMap />
  ), document.getElementById('app-react'))
}

// 非微前端引入情况下直接渲染
if (!window.__POWERED_BY_QIANKUN__) {
  render()
}

// 微前端环境下执行：
// 暴露vue2自定义的生命周期给主应用或者微前端框架
// 通过window.vue可访问到下面三个函数
export async function bootstrap() {
  console.log('react bootstrap')
}

export async function mount(app) {
  // setMain(app) // 记录主应用传过来的方法
  console.log('react mount')
  render()
}

export async function unmount(ctx) {
  console.log('react unmout')
  // const { container } = ctx
  // if (container) {
  //   document.querySelector(container).innerHTML = ''
  // }
}
